<template>
	<div class="tagPageBox">
		<div class="">
			<i :class='IconName'></i>
		</div>
		<div :class="{tagNameColor:tag.signName===value}">
			{{tag.tagName}}
		</div>
	</div>
</template>

<script>
	export default {
		name: "pageTage",
		props: {
			value: {
				type: String,
				default: ""
			},
			tag: {
				type: Object,
				default: () => {}
			}
			
		},
		components: {

		},
		data() {
			return {

			}
		},
		computed: {
			IconName() {
				return this.tag.signName === this.value ? 'iconfont ' + this.tag.clickIcon : 'iconfont ' + this.tag.defaultIcon;
			},
			storeUserinfo() {
				return this.$store.getters.userInfo;
			},
		},
		

	}
</script>

<style scoped>
	.tagPageBox {
		width: 30vw;
		cursor: pointer;
	}
	.tagNameColor{
		color: #00aaff;
	}
</style>